<template>
  <div id="yearOrYear">
    <ul class="year_zps_ul">
      <li :class="year%4===0 ? 'year_zps_li':''">2020一季度</li>
      <li :class="year%4===1 ? 'year_zps_li':''">2020二季度</li>
      <li :class="year%4===2 ? 'year_zps_li':''">2020三季度</li>
      <li :class="year%4===3 ? 'year_zps_li':''">2020四季度</li>
    </ul>
  </div>
</template>
<script>
export default {
  props: ["year"]
};
</script>
<style lang="scss" scoped>
#yearOrYear {
  position: relative;
  .year_zps_ul {
    display: flex;
    position: absolute;
    top: -1.7rem;
    right: 2rem;
    li {
      text-align: center;
      border: 1px solid #1856fd;
      width: 5.5rem;
      height: 1.9rem;
      font-size: 0.92rem;
      line-height: 1.85rem;
      text-align: center;
      // color: #bed7fa;
      color: white;
    }
  }
  .year_zps_li {
    background: #0349a9;
  }
}
</style>